/* 学习目标：useState -hooks的使用  */
// 作用： 给函数式组件声明状态（数据）
// 💥💥数据驱动视图
// 1. 导入useState函数
// 2. 调用useState函数
// 3. 插值显示使用

import { useState } from 'react';

export default function App() {
  // 语法： const [数据变量名] = useState(初始值)
  const [count] = useState(99);
  const [msg] = useState('hello React');
  const [isShow] = useState(false);
  return (
    <div>
      <h1>{count}</h1>
      <h2>{msg}</h2>
      {isShow && <h3>正常显示</h3>}
    </div>
  );
}
